<div class="content">
<button class="pure-button pure-button-primary" style="margin-bottom:8px;" {{action 'createNew'}}>创建新的key对</button>
<div class="pure-menu pure-menu-horizontal" style="display:inline;">
    <ul class="pure-menu-list">
        <li class="pure-menu-item">
          <a href="#" {{action "aboutDeleteItem"}} class="pure-menu-link {{unless selectedItem 'pure-menu-disabled'}}">
            {{#if confirming}}
              <i class="fa fa-trash" {{action 'deleteItem' bubbles=false}}></i> 点击旁边的图标确认删除
            {{else}}
              删除
            {{/if}}
          </a>
        </li>
    </ul>
</div>
<table class="pure-table pure-table-bordered hundred-width">
    <thead>
        <tr>
            <th class="check-column"><div></div></th>
            <th>keyId</th>
            <th>keySecret</th>
            <th>createdAt</th>
        </tr>
    </thead>
    <tbody>
    {{#unless model}}
      <tr>
        <td colspan="4" style="text-align: center;">
          还没有创建keypair对
        </td>
      </tr>
    {{/unless}}
    {{#each model as |kp|}}
      <tr>
        <td>
          <i class="fa {{if kp.isSelected 'fa-check-square-o' 'fa-square-o'}}" {{action "itemSelectChange" kp}}></i>
        </td>
        <td>{{kp.keyId}}</td>
        <td>{{kp.keySecret}}</td>
        <td>{{riqi-format kp.createdAt}}</td>
      </tr>
      {{/each}}
    </tbody>
  </table>
</div>
